@import '@wordpress/base-styles/mixins';
@import '@wordpress/base-styles/variables';

.partner-directory-agency-expertise__directory-client-sites {
	display: grid;
	grid-template-columns: 1fr 1fr;
	row-gap: 16px;
	column-gap: 32px;

	@include breakpoint-deprecated("<960px") {
		grid-template-columns: 1fr;
	}
}

.partner-directory-agency-expertise__client-site,
.partner-directory-agency-expertise__directory-options,
.partner-directory-agency-expertise__client-samples {
	display: flex;
	flex-direction: column;
	gap: 8px;

	&.is-error {
		input {
			border-color: var(--color-error) !important;
		}
	}
}

h3.partner-directory-agency-expertise__client-samples-label {
	@include body-medium;
	margin-block-end: 8px;
}

.partner-directory-agency-expertise__error {
	margin-block-start: 0.25rem;
	color: var(--color-scary-40);
	@include body-small;
	font-style: italic;

	&.hidden {
		display: none;
	}
}
